* {
    padding: 0;
    margin: 0;
}

body {
    font: 14px / 1.5 Microsoft YaHei, PingFangSC-Regular, Arial, \u601d\u6e90\u5b8b\u4f53, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53;
    font-family: Helvetica, Arial, PingFangSC-Regular, Microsoft Yahei, Heiti SC, sans-serif;
    color: #222;
}

ul {
    list-style: none;
}

a {
    display: block;
    color: currentColor;
    text-decoration: none;
}

body {
    background: #f8f9fa;
}

.bag {
    margin-top: 16px;
    padding: 22px 24px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(237, 237, 244, .5);
}

.aaa {
    width: 1490px;
    margin: auto;
}

/*  头 */
.title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    z-index: 99;
}

.title .center {
    width: 1490px;
    height: 64px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.title .left {
    display: inline-block
}

.title .left ul {
    height: 64px;
    margin-left: 6px;
    display: flex;
}

.title .left li {
    display: flex;
    align-items: center;
}

.icon-qimaologo {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-right: 4px;
    background: url(../img1/七猫logo.png) center/100% no-repeat;
}

.icon-qimaoauthor {
    width: 120px;
    height: 32px;
    display: inline-block;
    background: url(../img1/七猫作家logo.png) center/100% no-repeat;
}

.title .right {
    display: inline-block;
}

.title .right ul:not(.hide) {
    height: 64px;
    display: flex;
    align-items: center;
}

.title .right li:not(.no) {
    height: 64px;
    color: #222;
    font-size: 16px;
    margin-left: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
}

.title .right p {
    display: inline-block;
}

.icon-xiasanjiao {
    width: 19px;
    height: 24px;
    display: inline-block;
    margin: 2px 3px 0 4px;
    background: url(../img1/下-三角.png) center/16px no-repeat;
}

.title .right .li1::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 14px;
    background: #b3b3b3;
    top: 50%;
    right: -24px;
    -webkit-transform: translateY(-50%) scaleX(.5);
    transform: translateY(-50%) scaleX(.5);
}

.title .right .li1 .hide,
.title .right .li2 .hide,
.title .right .li3 .hide {
    display: none;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 hsla(0, 0%, 66.7%, .5);
    padding: 6px 0;
    border-radius: 4px;
    position: absolute;
    top: calc(100% - 12px);
    transition: 0.3s;
}

.title .right .li1 .hide {
    left: -15px;
}

.title .right .li2 .hide {
    left: -40px;
}

.title .right .li3 .hide {
    left: 40px;
}

.title .right .li1:hover .hide,
.title .right .li2:hover .hide,
.title .right .li3:hover .hide {
    display: block;
}

.title .right .li1 .hide::before,
.title .right .li2 .hide::before,
.title .right .li3 .hide::before {
    content: "";
    position: absolute;
    display: block;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    border-bottom: 6px solid #fff;
    border-top: 6px solid transparent;
}

.title .right .li1 .hide li,
.title .right .li2 .hide li,
.title .right .li3 .hide li {
    padding: 0 16px;
    white-space: nowrap;
    line-height: 34px;
    font-size: 14px;
    color: #222;
    cursor: pointer;
}

.title .right .li1 .hide li:hover,
.title .right .li2 .hide li:hover,
.title .right .li3 .hide li:hover {
    color: #f28800;
}

.title .right .li2::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 14px;
    background: #b3b3b3;
    top: 50%;
    right: -24px;
    -webkit-transform: translateY(-50%) scaleX(.5);
    transform: translateY(-50%) scaleX(.5);
}

.icon-touxiang {
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 8px;
    background: url(../img1/头像.png) center/100% no-repeat;
}

/* 头 end */

/* 身 */
.content {
    width: 100%;
    height: 1440px;
    margin-top: 74px;
}

/* 左边 */
.content-left {
    width: 170px;
    max-height: calc(100vh - 92px);
    border-radius: 8px;
    box-shadow: 2px 0 8px 0 rgba(237, 237, 244, .7);
    background: #fff;
    overflow-y: scroll;
    position: fixed;
    z-index: 999;
}

.content-left::-webkit-scrollbar {
    display: none;
}

.content-left i {
    color: #777;
}

.content-left .li1 {
    color: #222;
    font-size: 16px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
}

.content-left .li1:hover {
    background: #fff9f2;
}

.icon-diannao {
    font-size: 22px;
    font-weight: 500;
    color: #f28800 !important;
    position: absolute;
    top: 0;
    left: 22px;
}

.content-left .li2 {
    color: #222;
    font-size: 16px;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    position: relative;
}

.content-left .li2:hover {
    background: #fff9f2;
}

.icon-bijiben {
    font-size: 16px;
    color: #777;
    position: absolute;
    top: 0;
    left: 26px;
}

.icon-shangbiao {
    width: 26px;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 18px;
    display: inline-block;
    background: url(../img1/上标.png) center / 24px no-repeat;
}

.icon-duihuakuang {
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 26px;
}

.icon-bolang {
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 27px;
}

.icon-renminbi {
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 27px;
}

.icon-biye {
    font-size: 22px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 25px;
}

.icon-sjap {
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 27px;
}

.icon-geren {
    font-size: 17px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 26px;
}

.icon-common_ic_hetongfapiao {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 26px;
}

.icon-bianqian {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 26px;
}

.content-left .li3 {
    color: #222;
    font-size: 14px;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding-left: 53px;
    box-sizing: border-box;
}

.content-left .li3:hover {
    background: #fff9f2;
}


/* 右边 */
.content-right {
    margin-top: 2px;
    margin-left: 186px;
}

.content-right .row1 {
    width: 100%;
    margin-top: 0 !important;
    display: flex;
}

.content-right .row1 .left {
    width: 66px;
    height: 66px;
    border-radius: 60px;
    overflow: hidden;
    margin-right: 18px;
    display: block;
}

.content-right .row1 .left img {
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: top;
}

.content-right .row1 .center {
    flex: 1;
    display: flex;
    align-items: center;
}

.content-right .row1 .center .span1 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}

.content-right .row1 .center .span2 {
    font-size: 16px;
    margin-bottom: 6px;
}

.content-right .row1 .right {
    display: block;
}

.content-right .row1 .right li {
    float: left;
    padding: 0 40px;
    text-align: center;
    position: relative;
}

.content-right .row1 .right li:not(.no):after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 40px;
    width: 1px;
    background: #ebebeb;
    margin-top: -20px;

}

.content-right .row1 .right li p {
    font-size: 14px;
    color: #999;
    margin-bottom: 8px;
}

.content-right .row1 .right i {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(../img1/_问号小.png) center/13px 13px no-repeat;
}

.content-right .row1 .right li .span1 {
    font-size: 18px;
    color: #000;
}

.content-right .row1 .right li .span2 {
    font-size: 12px;
    color: #000;
}

.content-right .row2 {
    width: 100%;
    margin-top: 16px;
}

.content-right .row2 .above {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-right .row2 .above .left .span1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-right: 36px;
    cursor: pointer;
}

.content-right .row2 .above .left .span2 {
    font-size: 18px;
    color: #999;
    line-height: 24px;
    cursor: pointer;
}

.content-right .row2 .above .left .span2:hover {
    color: #f28800;
}

.content-right .row2 .above .right {
    display: flex;
}

.content-right .row2 .above .right .span1 {
    font-size: 14px;
    color: #f28800;
    margin-right: 25px;
    cursor: pointer;
}

.icon-jiahao {
    font-size: 15px;
    color: #f28800;
    padding-right: 3px;
    cursor: pointer;
}

.content-right .row2 .above .right .span1:hover,
.icon-jiahao:hover {
    color: #e06a00;
}

.content-right .row2 .above .right .span2 {
    display: flex;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.content-right .row2 .above .right .span2:hover {
    color: #f28800;
}

.content-right .row2 .under {
    display: flex;
    margin-top: 16px;
}

.content-right .row2 .under .left {
    width: 80px;
    height: 106px;
    margin-right: 18px;
    border-radius: 4px;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-dajiahao {
    font-size: 30px;
    font-weight: 400;
    color: #bbb;
}

.content-right .row2 .under .left:hover {
    background: #f2f2f2;
}

.content-right .row2 .under .left:hover i {
    color: #666;
}

.content-right .row2 .under .right {
    padding: 4px 0;
}

.content-right .row2 .under .right .p1 {
    font-size: 16px;
    color: #222;
    margin-bottom: 8px;
}

.content-right .row2 .under .right .p2 {
    font-size: 14px;
    color: #999;
}

.content-right .row2 .under .right .p3 {
    display: block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-top: 13px;
    border-radius: 16px;
    background: linear-gradient(90deg, #ffe040, #fcc800);
    cursor: pointer;
}

.content-right .row2 .under .right .p3:hover {
    background: linear-gradient(90deg, #ffd600, #ecbb00);

}

/* .content-right .row3 {} */

.content-right .writedate {
    width: 740px;
    height: 590px;
    float: left;
}

.content-right .writedate .row1 .span1 {
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

.content-right .writedate .row1 .span2 {
    font-size: 12px;
    color: #999;
    margin-top: 3px;
    margin-left: 10px;
}

.content-right .writedate .row1 i {
    width: 14px;
    height: 25px;
    margin-left: 3px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(../img1/_问号小.png) center/13px 13px no-repeat;
}

.content-right .writedate .row2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.content-right .writedate .row2 .input1 {
    width: 180px;
    height: 40px;
    margin-right: 12px;
    padding: 0 30px 0 15px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
}

.icon-xiabiao {
    font-size: 6px;
    color: #c0c4cc;
    position: absolute;
    top: 16px;
    left: 157px;

}

.content-right .writedate .row2 .input2 {
    width: 140px;
    height: 40px;
    margin-right: 12px;
    padding: 0 30px 0 25px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
}

.content-right .writedate .row2 .input2::placeholder {
    color: #222;
}

.icon-rili {
    font-size: 12px;
    color: #c0c4cc;
    position: absolute;
    top: 11px;
    left: 200px;

}

.content-right .writedate .row2 .input1:focus,
.content-right .writedate .row2 .input2:focus {
    outline: 1px solid #f28800;
}

.content-right .writedate .row2 a {
    display: block;
    width: 88px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    color: #f28800;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #f28800;
}

.content-right .writedate .row2 a:hover {
    color: #e06a00;
}

.content-right .writedate .row3 {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.content-right .writedate .row4 {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.content-right .writedate .row4 li {
    flex: 1;
    padding: 8px 0;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.content-right .writedate .row5 {
    display: grid;
    grid-template-columns: repeat(7, 86.6px);
    grid-auto-rows: 52px;
    justify-content: space-between;
    grid-row-gap: 10px;
}

.content-right .writedate .row5 li:not(.no) {
    padding-top: 6px;
    box-sizing: border-box;
    background: #fbefea;
    text-align: center;
}

.content-right .writedate .row5 .no {
    padding-top: 6px;
    box-sizing: border-box;
    text-align: center;
}

.content-right .writedate .row5 li:not(.no) p:nth-child(1) {
    font-size: 16px;
    color: #222;
}

.content-right .writedate .row5 .no {
    font-size: 16px;
    color: #ccc;
}

.content-right .writedate .row5 li p:nth-child(2) {
    font-size: 12px;
    color: #f28800;
}

.content-right .notice {
    width: 42%;
    height: 220px;
    float: right;
}

.content-right .notice .above {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-right .notice .above .left {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #222;
}

.content-right .notice .above .right {
    display: flex;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.content-right .notice .above .right:hover {
    color: #f28800;
}

.icon-youbiao {
    font-size: 20px;
    margin-left: -5px;
}

.content-right .notice ul {
    margin-top: 8px;

}

.content-right .notice li {
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.content-right .notice li span:nth-child(1) {
    color: #333;
}

.content-right .notice li span:nth-child(1):hover {
    color: #f28800;
}

.content-right .notice li span:nth-child(2) {
    color: #999;
}

.content-right .essay {
    width: 42%;
    height: 354px;
    float: right;
}

.content-right .essay .above {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-right .essay .above .left {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #222;
}

.content-right .essay .above .right {
    display: flex;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.content-right .essay .above .right:hover {
    color: #f28800;
}

.content-right .essay ul {
    margin-top: 8px;
}

.content-right .essay li {
    color: #222;
    margin-bottom: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.content-right .essay li img {
    width: 182px;
    height: 80px;
    border-radius: 6px;
    margin-right: 16px;
}

.content-right .essay li span {
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-right .course {
    width: 740px;
    height: 500px;
    float: left;
}

.content-right .course .above {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-right .course .above .left {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #222;
}

.content-right .course .above .right {
    display: flex;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.content-right .course .above .right:hover {
    color: #f28800;
}

.content-right .course ul {
    margin-top: 18px;
}

.content-right .course li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.content-right .course li p {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}

.content-right .course li p:hover {
    color: #f28800;
}

.content-right .course li span {
    font-size: 12px;
    color: #999;
}

.content-right .course li span:last-child {
    margin-left: 16px;
}

.content-right .course li img {
    width: 90px;
    height: 90px;
    border-radius: 8px;
}

.content-right .topic {
    width: 42%;
    height: 500px;
    float: right;
}

.content-right .topic .above {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-right .topic .above .left {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #222;
}

.content-right .topic .above .right {
    display: flex;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.content-right .topic .above .right:hover {
    color: #f28800;
}

.content-right .topic ul {
    margin-top: 20px;
}

.content-right .topic li {
    margin-bottom: 38px;
}

.content-right .topic li .list1 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-right .topic li .list1:hover {
    color: #f28800;
}

.content-right .topic li .list2 {
    margin-top: 13px;
    background: #f5f6f7;
    display: flex;
    align-items: center;
    padding: 13px 12px;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
}

.content-right .topic li .list2 img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 8px;
}

.content-right .topic li .list2 p {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-right .topic li .list3 {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    margin-top: 10px;
}

/* 右边 end */


/* 外边 */
.content-out {
    width: 68px;
    position: fixed;
    bottom: 30px;
    right: 16px;
    text-align: center;
    z-index: 90;
}

.content-out .above {
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(237, 237, 244, .7);
}

.content-out .above a {
    display: block;
    width: 68px;
    height: 68px;
    padding: 12px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.content-out span {
    display: block;
    font-size: 12px;
    color: #222;
}

.content-out i {
    display: block;
    line-height: 24px;
    color: #333;
    margin-bottom: 2px;
}

.content-out .above a:hover span,
.content-out .above a:hover i {
    color: #f28800;
}

.icon-gangbi {
    font-size: 30px;
    margin-top: 2px;
    transform: scaleY(-1);
}

.icon-wenhaoxiao {
    font-size: 22px;
}

.icon-xian {
    font-size: 24px;
}

.icon-erweima {
    font-size: 24px;
}

.icon-zhiding {
    font-size: 26px;
}

.content-out .under {
    background: #fff;
    border-radius: 10px;
    margin-top: 10px;
    box-shadow: 0 2px 10px 0 rgba(237, 237, 244, .7);
}

.content-out .under a {
    display: block;
    padding: 12px 0;
    position: relative;
    z-index: 10;
}

.content-out .under a i {
    font-size: 22px;
}

.content-out .under a:hover span,
.content-out .under a:hover i {
    color: #f28800;
}

/* hide1 */
.content-out .above .hide1 {
    width: 145px;
    height: 190px;
    top: -60px;
    left: -152px;
    position: absolute;
}

.content-out .above .hide1,
.content-out .above .hide4 {
    opacity: 0;
    transition: all .3s;
    transition-delay: .1s;
}

.content-out .above .hide2,
.content-out .above .hide3 {
    display: none;
}

.content-out .above .a1:hover+.hide1,
.content-out .above .a4:hover+.hide4 {
    opacity: 1;
}

.content-out .above .a2:hover .hide2,
.content-out .above .a3:hover .hide3 {
    display: block;
}

.content-out .above .hide1::after {
    content: '';
    position: absolute;
    top: 86px;
    left: 145px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #FFE066;
}

.content-out .above .hide1 img {
    width: 100%;
}

/* hide2 */
.content-out .above .hide2 {
    top: -32px;
    left: -100px;
    position: absolute;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 5px 0px #00000024;
}

.content-out .above .hide2::after {
    content: '';
    position: absolute;
    top: 60px;
    left: 100px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
}

.content-out .above .hide2 li {
    width: 100px;
    height: 43px;
    line-height: 43px;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    color: #000;
    font-size: 15px;
}

.content-out .above .hide2 li:hover {
    color: #f28800;
    font-weight: bold;
}

.content-out .above .hide2 .li2 {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

/* hide3 */
.content-out .above .hide3 {
    top: -33px;
    left: -100px;
    position: absolute;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 5px 0px #00000024;
}

.content-out .above .hide3::after {
    content: '';
    position: absolute;
    top: 60px;
    left: 100px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
}

.content-out .above .hide3 li {
    width: 100px;
    height: 43px;
    line-height: 43px;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    color: #000;
    font-size: 15px;
}

.content-out .above .hide3 li:hover {
    color: #f28800;
    font-weight: bold;
}

.content-out .above .hide3 .li2 {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

/* hide4 */

.content-out .above .hide4 {
    top: 150px;
    left: -166px;
    position: absolute;
    padding: 7px 0;
    box-sizing: border-box;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 5px 0px #00000024;
}

.content-out .above .hide4::after {
    content: '';
    position: absolute;
    top: 80px;
    left: 157px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
}

.content-out .above .hide4 .li1,
.content-out .above .hide4 .li3 {
    width: 157px;
    color: #000;
    font-size: 14px;
}

.content-out .above .hide4 .li2 {
    line-height: 0;
}

.content-out .above .hide4 .li2 img {
    width: 100px;
    height: 100px;
}

/* 身 end */


/* 脚 */
.footer {
    width: 1160px;
    padding: 32px 0;
    margin: auto;
    border-top: 1px solid #ebebeb;
    box-sizing: border-box;
}

.footer .bottom-lists2 {
    display: flex;
    font-size: 14px;
    color: #666;
    justify-content: center;
}

.footer .bottom-lists2 li {
    display: flex;
}

.footer .bottom-lists2 i {
    padding: 0 20px;
    font-style: normal;
    color: #ddd;
}

.footer .bottom-intro {
    font-size: 12px;
    color: #bbb;
    line-height: 24px;
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.footer .bottom-intro a {
    text-decoration: none;
    color: #bbb;
}

.footer .bottom-intro img {
    width: 20px;
    height: 20px;
    display: block;
}

.footer .bottom-intro br {
    display: none;
}

.footer .bottom-lists4 {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.footer .bottom-lists4 a {
    padding: 0 10px;
    display: inline-block;

}

.footer .bottom-lists4 img {
    width: 110px;
    height: 40px;
    display: inline-block;
}

.footer .bottom-lists-child:hover {
    color: #cc6d29;
    cursor: pointer;
}

.footer .bottom-lists li:nth-child(6):hover {
    color: #cc6d29;
    cursor: pointer;
}

.footer .bottom-lists2 p:hover {
    color: #cc6d29;
    cursor: pointer;
}

.footer .bottom-intro a:hover {
    color: #cc6d29;
}
.xin-long {
    cursor: pointer;
}